@import './base.less';
@import './common.less';

// 主体
.main {
  padding-top: 11.7333vw;
  padding-bottom: 13.3333vw;
  //   搜索
  .search {
    padding: 2.6667vw;
    height: 13.3333vw;
    width: 100%;
    a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 8vw;
      border-radius: 1.3333vw;
      background-color: #fff;
      font-size: 3.4667vw;
      color: #999;
      p {
        margin-left: 0.8vw;
      }
    }
  }

  //   轮播图
  // .banner {
  //   position: relative;
  //   width: 100%;
  //   height: 49.2vw;
  //   background-color: red;
  //   ol {
  //     position: absolute;
  //     left: 50%;
  //     bottom: 2.6667vw;
  //     display: flex;
  //     justify-content: space-between;
  //     transform: translate(-50%);
  //     width: 8.5333vw;
  //     height: 2.1333vw;
  //     //   background-color: pink;
  //     li {
  //       width: 2.1333vw;
  //       height: 2.1333vw;
  //       background-color: rgb(255, 30, 2);
  //       border-radius: 2.6667vw;
  //       &.active {
  //         background-color: rgba(0, 0, 0, 0.8);
  //       }
  //     }
  //   }
  // }

  //   广告
  .info {
    // margin: 0 3.2vw;
    padding: 1.3333vw 3.2vw;
    height: 8vw;
    background-color: rgb(242, 219, 219);
    overflow: hidden;
    a {
      display: flex;
      width: 100%;
      height: 100%;
      //   background-color: skyblue;
      .word {
        margin-top: 0.5333vw;
        margin-right: 0.8vw;
        height: 100%;
        background-color: rgb(242, 219, 219);
        .iconfont {
          font-size: 4.5333vw;
          color: rgb(255, 30, 2);
        }
      }
      .scroll {
        position: relative;
        flex: 1;
        overflow: hidden;
        .run {
          position: absolute;
          left: 0;
          top: 0;
          animation: run 8s infinite linear;
          .text {
            color: rgb(255, 30, 2);
            font-size: 3.7333vw;
          }
        }
      }
    }
  }

  //   内容
  .content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 45.3333vw;
    background-color: #fff;
    a {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 20%;
      text-align: center;
      span {
        width: 11.7333vw;
        height: 11.7333vw;
        text-align: center;
        // background-color: pink;
      }
      p {
        margin-top: 1.3333vw;
        font-size: 3.4667vw;
        color: rgb(0, 0, 0);
      }
    }
  }

  // 广告
  .ad {
    padding-top: 1.8667vw;
    width: 100%;
    height: 35.2vw;
    background-color: #fff;
  }

  // list清单
  .list {
    .title {
      width: 100%;
      height: 8vw;
      line-height: 8vw;
      text-align: center;
      font-size: 3.7333vw;
      background-color: #fff;
    }
    .list_con {
      width: 100%;
      // background-color: #fff;
      .item {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.6vw;
        padding: 2.6667vw;
        width: 100%;
        background-color: #fff;
        .pic {
          width: 32vw;
          height: 32vw;
          // background-color: pink;
        }
        .txt {
          width: 54.9333vw;
          .goods_name {
            margin-top: 2.6667vw;
            margin-bottom: 1.3333vw;
            width: 100%;
            height: 9.0667vw;
            font-size: 3.4667vw;
            color: #484848;
          }

          .bottom {
            color: #999;
            font-size: 3.2vw;

            .footer {
              display: flex;
              height: 6.4vw;
              line-height: 6.4vw;
              .price_x {
                margin-right: 2.6667vw;
                color: #f03c3c;
                font-size: 4vw;
              }
              .price_y {
                text-decoration: line-through;
                font-size: 3.2vw;
              }
            }
          }
        }
      }
    }
  }
}
